
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Virtual Class - Dev-Inside</title>
<meta name="description" content="A web applications user interface library built on the Mootools javascript framework" />

<link rel="stylesheet" href="css/content.css" type="text/css" />
<link rel="stylesheet" href="css/ui.css" type="text/css" />
	
<script type="text/javascript" src="scripts/mootools-1.2-core.js"></script>
<script type="text/javascript" src="scripts/mootools-1.2-more.js"></script>	
<script type="text/javascript" src="scripts/source/Utilities/mocha.js.php"></script>

<script type="text/javascript" src="scripts/mocha-init.js"></script>

</head>
	<body>

		<div id="desktop">

			<div id="desktopHeader">
			<div id="desktopTitlebarWrapper">
				<div id="desktopTitlebar">
					<h1 class="applicationTitle">VirtualClass UI</h1>
					<h2 class="tagline">Dev-Inside <span class="taglineEm">Virtual Class</span></h2>
					<div id="topNav">
						<ul class="menu-right">

			<%
			String usuario="Gabriel";
			%>
							<li>Welcome <a href="#" onclick="MochaUI.notification('Hola <%= usuario%>');return false;"><%= usuario%></a>.</li>
							<li><a href="#" onclick="MochaUI.notification('Hace algo creooo');return false;">Sign Out</a></li>
						</ul>
					</div>
				</div>
			</div>
				
			<div id="desktopNavbar">
				<ul>
					<li><a class="returnFalse" href="">Ejemplos</a>	
						<ul>
							<li><a id="ajaxpageLinkCheck" href="pages/lipsum.html">Ajax/XHR Demo</a></li>
							<li><a id="jsonLink" href="data/json-windows-data.js">Ventanas Demo</a></li>
							<li><a id="youtubeLinkCheck" href="pages/youtube.html">Videos: YouTube</a></li>
							<li><a id="slideshareLinkCheck" href="pages/slideshare.html">Diapositivas</a></li>
							<li><a id="accordiantestLinkCheck" href="pages/accordian-demo.html">Acordion de mensajes</a></li>
							<li><a id="clockLinkCheck" href="plugins/coolclock/">Reloj</a></li>
							<li><a id="parametricsLinkCheck" href="plugins/parametrics/">Parametros de ventana</a></li>
							<li class="divider"><a class="returnFalse arrow-right" href="">Pruebas</a>
								<ul>
									<li><a id="windoweventsLinkCheck" href="pages/events.html">Eventos de ventana</a></li>
									<li><a id="containertestLinkCheck" href="pages/youtube4.html">Test de contenido</a></li>
									<li><a id="iframetestLinkCheck" href="pages/iframetest.html">Pruebas de Iframe</a></li>
									<li><a id="noCanvasLinkCheck" href="pages/lipsum.html">No Canvas Body</a></li>
								</ul>
							</li>
							<li class="divider"><a class="returnFalse arrow-right" href="">Adicionales</a>
								<ul>
									<li><a target="_blank" href="demo-virtual-desktop.html">Escritorio virtual</a></li>
									<li><a target="_blank" href="demo-fixed-width.html">Fixed Width</a></li>
									<li><a target="_blank" href="demo-no-toolbars.html">Sin Toolbars</a></li>
									<li><a target="_blank" href="demo-no-desktop.html">Sin Desktop</a></li>
									<!--li><a target="_blank" href="demo-modal-only.html">Modal Only</a></li-->
								</ul>
							</li>
						</ul>
					</li>
					<li><a class="returnFalse" href="">Vista</a>
						<ul>
							<li><a id="cascadeLink" href="">Ventanas en cascada</a></li>
							<li><a id="tileLink" href="">Mostrar ventanas</a></li>
							<li><a id="minimizeLink" href="">Minimizar ventanas</a></li>
							<li><a id="closeLink" href="">Cerrar ventanas</a></li>
						</ul>
					</li>
					<li><a class="returnFalse" href="">Herramientas</a>
						<ul>
							<li><a id="builderLinkCheck" href="plugins/windowform/">Construir ventana</a></li>
						</ul>
					</li>
					<li>
						<a class="returnFalse" href="">Workspace</a>
						<ul>
							<li><a id="saveWorkspaceLink" href="">Guardar Workspace</a></li>
							<li><a id="loadWorkspaceLink" href="">Cargar Workspace</a></li>
						</ul>
					</li>
					<li><a class="returnFalse" href="">Ayuda</a>
						<ul>
							<li><a id="featuresLinkCheck" href="pages/features.html">Caracteristicas</a></li>
							<li class="divider"><a target="_blank" href="http://gabrielhumpire.wordpress.com/">Documentacion Gab</a></li>
							<li class="divider"><a id="aboutLink" href="pages/about.html">Sobre..</a></li>
						</ul>
					</li>
				</ul>	
				
			<div class="toolbox divider2">
				<div id="spinnerWrapper"><div id="spinner"></div></div>		
			</div>

			<div class="toolbox divider2">
				<img src="images/icons/cog.gif" onclick="MochaUI.notification('Do Something1');" width="16" height="16" alt="" />
				<img src="images/icons/windows.gif" onclick="MochaUI.notification('Do Something2');" width="16" height="16" alt="" />
				<img src="images/icons/sheet.gif" onclick="MochaUI.notification('Do Something3');" width="16" height="16" alt="" />
			</div>	
				
			</div><!-- desktopNavbar end -->
			</div><!-- desktopHeader end -->

			<!-- *****Barra de tareas**** -->
			<div id="dockWrapper">
				<div id="dock">
					<div id="dockPlacement"></div>
					<div id="dockAutoHide"></div>
					<div id="dockSort"><div id="dockClear" class="clear"></div>
					</div>
			</div>
			</div>

			<!-- *****Principal  // carga todo**** -->
			<div id="pageWrapper"></div>

			<div id="desktopFooterWrapper">
				<div id="desktopFooter">
					&copy; 2008-2009 <a target="_blank" href="http://gabrielhumpire.wordpress.com/">Gab Software</a> - MIT License
				</div>
			</div>

		</div><!-- desktop end -->

	</body>
</html>
